<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
	{% load staticfiles %}
	
    <link href="{% static 'btresource/css/bootstrap.min.css' %}" rel="stylesheet">		    	
    <title>{% block title %}popu {% endblock %}</title>
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<style>
		.label-success	{
			margin-left:10px;
			padding-left:6px;
		}
		{% block style %}
		{% endblock %}
	</style>
  </head>
  <body>
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header"> 
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-controls="navbar">
					<span class="sr-only">Popubt.com</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">Popubt.com</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li ><a href="#">首页</a></li>
					<li class="active"> <a href="#">电影<span class="label label-success">+187</span></a></li>
					<li> <a href="#">美剧<span class="label label-success">+58</span></a></li>
					<li> <a href="#">游戏<span class="label label-success">+186</span></a></li>
					<li> <a href="#">消息<span class="label label-success">+288</span></a></li>
				</ul>
			</div>
		</div>
	</nav>
	
	<div class="container">
		{%block content %} {% endblock %}
	</div>


  	<script src="{% static 'btresource/js/jquery.min.js' %}"></script>
  	<script src="{% static 'btresource/js/bootstrap.min.js' %}"></script>
  </body>
</html>
